
<div class="col-md-12" role="main">

    <div class="ke-labeling">
        
        <div class="panel panel-default">
            <div class="panel-heading">{{appName}}</div>
            <div class="panel-body">
                
                <tabset justifiedd="true">
                    <tab heading="Single Label">
                        <div class="panel panel-body">
                            <div class="panel-body">
                                
                                <form class="form-horizontal" name="form.sl">
                                    
                                    <div class="col-md-6">
                                        
                                        <div class="form-group">
                                            <label for="slvendorid" class="col-md-4 control-label">Vendor ID</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sl.slvendorid" type="text" class="form-control input-sm" id="slvendorid">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="slpartno" class="col-md-4 control-label">Part NO</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sl.slpartno" type="text" class="form-control input-sm" id="slpartno">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="slpartrev" class="col-md-4 control-label">Part Rev</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sl.slpartrev" type="text" class="form-control input-sm" id="slpartrev">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="slpartqty" class="col-md-4 control-label">Part QTY</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sl.slpartqty" type="text" class="form-control input-sm" id="slpartqty">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="slpono" class="col-md-4 control-label">PO NO</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sl.slpono" type="text" class="form-control input-sm" id="slpono">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sllineitem" class="col-md-4 control-label">Line Item</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sl.sllineitem" type="text" class="form-control input-sm" id="sllineitem">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="slseriallot" class="col-md-4 control-label">Serial / Lot</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sl.slseriallot" type="text" class="form-control input-sm" id="slseriallot">
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-md-6">
                                    
                                        <div class="form-group">
                                            <label for="sllabelqty" class="col-md-4 control-label">Label QTY</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sl.sllabelqty" type="text" class="form-control input-sm" id="sllabelqty">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="slprinter" class="col-md-4 control-label">Printer</label>
                                            <div class="col-md-8">
                                                <select ng-model="data.sl.slprinter" type="text" class="form-control input-sm" id="slprinter">
                                                    <option ng-repeat="ptr in printers">{{ptr}}</option>
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <div class="col-md-4"></div>
                                            <div class="col-md-8">
                                                <button ng-click="labelPrint(form.sl, data.sl)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Print</button>
                                                <button ng-click="clearForm(form.sl)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Cancel</button>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    
                                </form>                      
                            </div>
                        </div>
                    </tab>
                     
                    <tab heading="List Label">
                        <div class="panel panel-body">
                            <div class="panel-body">
                                
                                <form class="form-horizontal" role="form" name="form.ll">
                                    
                                    <div class="col-md-6">
                                        
                                        <div class="form-group">
                                            <label for="llvendorid" class="col-md-4 control-label">Vendor ID</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.ll.llvendorid" type="text" class="form-control input-sm" id="llvendorid">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="llpartno" class="col-md-4 control-label">Part NO</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.ll.llpartno" type="text" class="form-control input-sm" id="llpartno">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="llpartrev" class="col-md-4 control-label">Part Rev</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.ll.llpartrev" type="text" class="form-control input-sm" id="llpartrev">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="llpartqty" class="col-md-4 control-label">Part QTY</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.ll.llpartqty" type="text" class="form-control input-sm" id="llpartqty">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="llpono" class="col-md-4 control-label">PO NO</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.ll.llpono" type="text" class="form-control input-sm" id="llpono">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="lllineitem" class="col-md-4 control-label">Line Item</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.ll.lllineitem" type="text" class="form-control input-sm" id="lllineitem">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="llseriallot" class="col-md-4 control-label">Serial / Lot</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.ll.llseriallot" type="text" class="form-control input-sm" id="llseriallot">
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <div class="col-md-4"></div>
                                            <div class="col-md-8">
                                                <button ng-click="addLabelItem(data.ll)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Add</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        
                                        <div class="form-group">
                                            <label for="lllabelqty" class="col-md-4 control-label">Label QTY</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.ll.lllabelqty" type="text" class="form-control input-sm" id="lllabelqty">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="llprinter" class="col-md-4 control-label">Printer</label>
                                            <div class="col-md-8">
                                                <select ng-model="data.ll.llprinter" type="text" class="form-control input-sm" id="llprinter">
                                                    <option ng-repeat="ptr in printers">{{ptr}}</option>
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <div class="col-md-4"></div>
                                            <div class="col-md-8">
                                                <button ng-click="labelPrint(form.ll, itemList)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Print</button>
                                                <button ng-click="clearForm(form.ll)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Cancel</button>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="llitemlist" class="col-md-4 control-label">Item List</label>
                                            <div class="col-md-8">
                                                <ul class="list-group">
                                                    <li class="list-group-item list-group-item-info" ng-repeat="item in itemList">
                                                        {{item.llseriallot}}
                                                        <span class="pull-right">
                                                            <button ng-click="removeLabelItem($index)" class="btn btn-xs btn-danger">
                                                                <span class="glyphicon glyphicon-trash"></span>
                                                            </button>
                                                        </span>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    
                                    </div>
                                    
                                </form>
                                
                            </div>
                        </div>
                    </tab>
                    
                    <tab heading="Ship Label (new)">
                        <div class="panel panel-body">
                            <div class="panel-body">
                                
                                <form class="form-horizontal" role="form" name="form.sh">
                                    
                                    <div class="col-md-6">
                                        
                                        <div class="form-group">
                                            <label for="shvendorid" class="col-md-4 control-label">Customer PN</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sh.shvendorid" type="text" class="form-control input-sm" id="shvendorid">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="shpartno" class="col-md-4 control-label">Serial NO</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sh.shpartno" type="text" class="form-control input-sm" id="shpartno">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="shpartrev" class="col-md-4 control-label">Part Rev</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.sh.shpartrev" type="text" class="form-control input-sm" id="shpartrev">
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="shprinter" class="col-md-4 control-label">Printer</label>
                                            <div class="col-md-8">
                                                <select ng-model="data.sh.shprinter" type="text" class="form-control input-sm" id="shprinter">
                                                    <option ng-repeat="ptr in printers">{{ptr}}</option>
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <div class="col-md-4"></div>
                                            <div class="col-md-8">
                                                <button ng-click="labelPrint(form.sh, data.sh)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Print</button>
                                                <button ng-click="clearForm(form.sh)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Cancel</button>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="col-md-6">
                                        
                                    </div>
                                    
                                </form>
                                
                            </div>
                        </div>
                    </tab>
                    
                    <tab heading="Location Label">
                        <div class="panel panel-body">
                            <div class="panel-body">
                                
                                <form class="form-horizontal" role="form" name="form.lo">
                                    
                                    <div class="col-md-6">
                                        
                                        <div class="form-group">
                                            <label for="lovendorid" class="col-md-4 control-label">Location</label>
                                            <div class="col-md-8">
                                                <input ng-model="data.lo.lolocation" type="text" class="form-control input-sm" id="lolocation">
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="shprinter" class="col-md-4 control-label">Printer</label>
                                            <div class="col-md-8">
                                                <select ng-model="data.lo.loprinter" type="text" class="form-control input-sm" id="loprinter">
                                                    <option ng-repeat="ptr in printers">{{ptr}}</option>
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <div class="col-md-4"></div>
                                            <div class="col-md-8">
                                                <button ng-click="labelPrint(form.lo, data.lo)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Print</button>
                                                <button ng-click="clearForm(form.lo)" type="button" class="btn btn-primary btn-sm ke-lbl-btn-sm">Cancel</button>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="col-md-6">
                                        
                                    </div>
                                    
                                </form>
                                
                            </div>
                        </div>
                    </tab>
                    
                </tabset>
                
            </div>
        </div>
        
    </div>

</div>


